﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="CompanyManagement.Login" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8" />
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
        <title>Đăng nhập</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="/css/demo.css" />
        <link rel="stylesheet" type="text/css" href="/css/style.css" />
		<link rel="stylesheet" type="text/css" href="/css/animate-custom.css" />
        <link href="/themes/css/style.css" rel="stylesheet" />
        <script type="text/javascript">
            //* hide all elements & show preloader
            document.documentElement.className += 'js';
    </script>
    </head>
    <body>
        <div id="loading_layer" style="display: none">
            <img src="/themes/images/ajax_loader.gif" alt="" />
        </div>
        <div class="container">
            <!-- Codrops top bar -->
            <div class="codrops-top">
                <a href="#"><strong>&nbsp;</strong></a>
                <span class="right">
                    <a  href="#"><strong>&nbsp;</strong></a>
                    </span>
                <div class="clr"></div>
            </div><!--/ Codrops top bar -->
            <header>
                <h1>
                    Phần mềm quản lý doanh nghiệp<br /><span> Công an tỉnh Bình Dương</span>
                </h1>
            </header>
            <section>				
                <div id="container_demo" >
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form  id="form1" runat="server" autocomplete="on"> 
                                <h1>Đăng nhập</h1> 
                                <p> 
                                    <label for="username" class="uname" data-icon="u" > Tên đăng nhập </label>
                                    <input id="username" runat="server" name="username" required="required" type="text" tabindex="1" placeholder="Tên đăng nhập"/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p"> Mật khẩu </label>
                                    <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"  required="required" tabindex="2" placeholder="Mật khẩu"></asp:TextBox>
                                    <%--<input id="password" runat="server" name="password" required="required" type="password" tabindex="2" placeholder="Mật khẩu" /> --%>
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" runat="server" name="loginkeeping" id="loginkeeping" tabindex="3"/> 
									<label for="loginkeeping">Lưu thông tin đăng nhập</label>
								</p>
                                <p class="login button">
                                    <asp:Button ID="btnLogin" runat="server" Text="Đăng nhập" OnClick="btnLogin_Click" TabIndex="4" />
								</p>
                                <p class="change_link">
                                    </p>
                            </form>
                        </div>
                    </div>
                </div>  
            </section>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                //* show all elements & remove preloader
                setTimeout('$("html").removeClass("js")', 1000);
            });
    </script>
    </body>
</html>